给激活窗口加边框

简介:: 当同时打开多个笔记时，总是分不清当前激活的是哪个窗口导致误编辑，这个 css 可以给激活的窗口加一个明显边框。只打开一个窗口时可以关闭。
来源:: PKMer

/* ! 模仿Colorful Note Borders插件，针对激活的窗口进行添加边框*/
.markdown-preview-view:focus,
.view-content
  > .markdown-source-view.mod-cm6
  > .cm-editor
  > .cm-scroller,
.markdown-preview-view {
  border: 4px solid rgba(255, 0, 0, 0);
}

.markdown-preview-view:focus {
  border: 4px solid rgba(255, 0, 0, 0.455);
}
.markdown-preview-view:focus,
.view-content
  > .markdown-source-view.mod-cm6
  > .cm-editor
  > .cm-scroller:focus-within {
  border: 4px solid rgba(255, 0, 0, 0.455);
}